﻿<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
<meta content="email=no" name="format-detection">
<title>全部产品</title>
<link href="/pad_marketing/html/css/main.css" rel="stylesheet" type="text/css" />
<link href="/pad_marketing/html/css/common.css" rel="stylesheet" type="text/css" />

</head>

<body class="index-bg">
    
<!--标题区域 start-->
<div class="tit_main">
  <label class="lh-50 white">全部产品</label>
  <a  id="returnBack" class="pull-left lh-50"><span class="icon icon-left"></span></a>
  <a class="pull-right block lh-50" href="/pad_marketing/index/index.action"><span class="icon icon-home"></span></a>
</div>
<!--标题区域 end-->

<!--内容区域 start-->
		<div class="H_top_bot" id="wrapper">
			<div>
				<dl class="dl-product">
					<dt>
        <button class="btn btn-primary btn-circle"><span class="icon icon-jkyl"></span></button>
        <div class="blank-1"></div>
        健康医疗
      </dt>
					<dd>
						<ul class="table-responsive" id="health"></ul>
					</dd>
				</dl>
				<dl class="dl-product">
					<dt>
        <button class="btn btn-success btn-circle"><span class="icon icon-txyl"></span></button>
        <div class="blank-1"></div>
        退休养老
      </dt>
					<dd>
						<ul class="table-responsive" id="old"></ul>
					</dd>
				</dl>
				<dl class="dl-product">
					<dt>
        <button class="btn btn-danger btn-circle"><span class="icon icon-znjy"></span></button>
        <div class="blank-1"></div>
        子女教育
      </dt>
					<dd>
						<ul class="table-responsive" id="edu"></ul>
					</dd>
				</dl>
				
				<dl class="dl-product">
					<dt>
        <button class="btn btn-warning btn-circle"><span class="icon icon-lcgh"></span></button>
        <div class="blank-1"></div>
        理财规划
      </dt>
					<dd>
						<ul class="table-responsive" id="plan"></ul>
					</dd>
				</dl>
				<dl class="dl-product">
					<dt>
        <button class="btn btn-purple btn-circle"><span class="icon icon-rsbz"></span></button>
        <div class="blank-1"></div>
        人生保障
      </dt>
					<dd>
						<ul class="table-responsive" id="life">
							</li>
						</ul>
					</dd>
				</dl>
			</div>
		</div>
		<!--内容区域 end-->
<!--底部区域 start-->
<div class="bot_main">
  <div class="col-md-2 col-md-offset-4">
    <a class="btn btn-primary btn-lg btn-block" id="return"><span class="icon icon-left-circle"></span>返回</a>
  </div>
  <div class="col-md-2">
    <a class="btn btn-warning btn-lg btn-block" id="complete"><span class="icon icon-right-circle"></span>完成</a>
  </div>
</div>
<!--底部区域 end-->


<div id="agn-menu" class="hide">
  <div class="circle-panel">
    <nav class="circle-bg">
      <a class="circle-pic" onClick="showDiv('person-panel')">
        <img src="/pad_marketing/html/img/circle-bird.png">
      </a>
      <lable class="circle-text"></lable>
      <div class="circle-menu">
        <a href="#" class="menu-item" id="menu-one"> 
          <i class="">公司简介</i> 
        </a>
        <a href="#" class="menu-item" id="menu-two"> 
          <i class="">建议书</i>
        </a>
        <a href="#" class="menu-item" id="menu-three"> 
          <i class="">产品中心</i> 
        </a>
        <a href="#" class="menu-item" id="menu-four"> 
          <i class="">在线投保</i> 
        </a>
        <a href="#" class="menu-item" id="menu-five"> 
          <i class="">需求分析</i> 
        </a>
      </div>
      <span class="close circle-close" onClick="closeDiv('agn-menu')">X</span>
    </nav>
  </div>
</div>


<!--彈出框 -->
<div class="open-block open-content hide" id="open4">
  <h4 class="open-header">
   <span id="title"> </span><span id="subTitle"></span><button type="button" class="close" onClick="closeDiv('open4')">×</button>
  </h4>
  <div class="open-body no-padding">
    <!--列表切换选项卡-->
    <div class="tabs-line"> 
      <a href="#" class="active">产品特色</a> 
      <a href="#">保险利益简介</a> 
      <a href="#">投保示例</a>
    </div>
    <!--列表内容-->
    <div class="swiper-container tabSwiper">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <div class="content-slide">
            <div class="show-pic">
              <img id="featureimg" src="">
              <div class="product-logo"></div>
            </div>
            <div class="padding-3" id="feature">
              
            </div>
          </div>
        </div>
        <div class="swiper-slide">
          <div class="content-slide">
            <div class="padding-2">
              <div class="col-md-3 relative">
                <img id="benefitimg" src="" width="100%" alt="...">
              </div>
              <div class="col-md-9" id="benefit">
                
              </div>
            </div>
          </div>
        </div>
        <div class="swiper-slide">
         	 <div class="content-slide">                    
                  <img id="demoImg" src="" width="100%" >                  
        	 </div>     
         </div>
      </div>
    </div>
  </div>
</div>
<!--彈出框end  -->
<!--js全放底部-->
<script src="/pad_marketing/html/js/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/jquery.jmpopups-0.5.1.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/idangerous.swiper.min.js"></script>
<script src="/pad_marketing/html/js/iscroll.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/idangerous.swiper.3dflow.js"></script>
<script src="/pad_marketing/html/js/common.js" type="text/javascript"></script>
<script src="/pad_marketing/dev/js/base64.js" type="text/javascript"></script>
<script src="/pad_marketing/dev/js/common.js" type="text/javascript"></script>
<script src="/pad_marketing/dev/js/addMainPro.js" type="text/javascript"></script>
</body>
</html>
